<template>
    <mu-button class="my-float-button"
               fab
               :small="small"
               :large="large"
               :color="bg_color"
               v-on:click="$emit('floatButtonClick')">
        <mu-icon :value="value"
                 :color="icon_color">
        </mu-icon>
    </mu-button>
</template>

<script>
    export default {
        name: "FloatButton",
        props: {
            small: Boolean,
            large: Boolean,
            bg_color: String,
            value: String,
            icon_color: String
        }
    }
</script>

<style lang="stylus">
    .my-float-button
        position fixed
        bottom 10vh
        right 25px
</style>